function event()
{ 
  var canvas = document.getElementById( 'canvas' ),
      context = canvas.getContext( '2d' ),
      mouse = utils.captureMouse( canvas ),
      square = new Square();

  square.x = canvas.width / 2;
  square.y = canvas.height / 2;
  square.color = "#8264A2";
  square.radius = 50;

  (function drawFrame()
  {
    window.requestAnimationFrame( drawFrame, canvas );
    context.clearRect( 0, 0, canvas.width, canvas.height );

    var dx = mouse.x - square.x,
	dy = mouse.y - square.y;
	
    square.radius = Math.sqrt( dx*dx + dy*dy );
    square.rotation = Math.atan2( dy, dx );
    console.log( "x: " + dx + ", y: " + dy );         	
    square.draw( context );
  }());
};
window.onload = event;